<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="w3school.css">
    <title>w3school在线教程</title>
</head>
<body>
<div id="frame">
    <div id="top">
        <a href="#" class="first"><img src="w3school.png"></a>
        <ul>
            <li><a href="#" title="HTML 系列教程">HTML / CSS</a>
            </li>
            <li><a href="#" title="浏览器脚本教程">JavaScript</a>
            </li>
            <li><a href="#" title="服务器脚本教程">Server Side</a>
            </li>
            <li><a href="#" title="ASP.NET 教程">ASP.NET</a>
            </li>
            <li><a href="#" title="XML 系列教程">XML</a>
            </li>
            <li><a href="#" title="Web Services 系列教程">Web Services</a>
            </li>
            <li><a href="#" title="建站手册">Web Building</a></li>
        </ul>
    </div>
    <div id="main">
        <div id="left">
            <ul>
                <li class="second">HTML教程</li>
                <li><a href="#">HTML</a></li>
                <li><a href="#">HTML5</a></li>
                <li><a href="#">XHTML</a></li>
                <li><a href="#">CSS</a></li>
                <li><a href="#">CSS3</a></li>
                <li><a href="#">TCP/IP</a></li>
            </ul>
            <ul>
                <li class="second">浏览器脚本</li>
                <li><a href="#">JavaScript</a></li>
                <li><a href="#">HTML DOM</a></li>
                <li><a href="#">JQuery</a></li>
                <li><a href="#">JQuery Mobile</a></li>
                <li><a href="#">AJAX</a></li>
                <li><a href="#">JSON</a></li>
                <li><a href="#">DHTML</a></li>
                <li><a href="#">E4X</a></li>
                <li><a href="#">WMLScript</a></li>
            </ul>
            <ul>
                <li class="second">服务器脚本</li>
                <li><a href="#">PHP</a></li>
                <li><a href="#">SQL</a></li>
                <li><a href="#">ASP</a></li>
                <li><a href="#">ADO</a></li>
                <li><a href="#">VBScript</a></li>
            </ul>
            <ul>
                <li class="second">XML教程</li>
                <li><a href="#">XML</a></li>
                <li><a href="#">DTD</a></li>
                <li><a href="#">XML DOM</a></li>
                <li><a href="#">XSL</a></li>
                <li><a href="#">XSLT</a></li>
                <li><a href="#">XSL-FO</a></li>
                <li><a href="#">XPath</a></li>
                <li><a href="#">XQuery</a></li>
                <li><a href="#">XLink</a></li>
                <li><a href="#">XPointer</a></li>
                <li><a href="#">Schema</a></li>
                <li><a href="#">XForms</a></li>
                <li><a href="#">WAP</a></li>
                <li><a href="#">SVG</a></li>
            </ul>
            <ul>
                <li class="second">Web Services</li>
                <li><a href="#">Web Services</a></li>
                <li><a href="#">WSDL</a></li>
                <li><a href="#">SOAP</a></li>
                <li><a href="#">RSS</a></li>
                <li><a href="#">RDF</a></li>
            </ul>
            <ul>
                <li class="second">.NET</li>
                <li><a href="#">ASP.NET</a></li>
                <li><a href="#">Web Pages</a></li>
                <li><a href="#">Razor</a></li>
                <li><a href="#">MVC</a></li>
                <li><a href="#">Web Forms</a></li>
            </ul>
            <ul>
                <li class="second">建站手册</li>
                <li><a href="#">网站构建</a></li>
                <li><a href="#">万维网联盟（W3C）</a></li>
                <li><a href="#">浏览器信息</a></li>
                <li><a href="#">网站品质</a></li>
                <li><a href="#">语义网</a></li>
                <li><a href="#">职业规划</a></li>
                <li><a href="#">网站主机</a></li>
                <li><a href="#">网络媒体</a></li>
            </ul>
            <div ><a href="#">关于W3School</a></div>
            <div><a href="#">帮助W3School</a></div>
        </div>
        <div id="middle">
            <div id="yi">
                <h2>领先的Web技术教程-全部免费</h2>
                <p>在w3school，你可以找到你所需要得所有网站建设教程。</p>
                <p>从基础的HTML到CSS，乃至进阶的XML、SQL、JS、PHP和ASP.NET。</p><h3>从左侧菜单选择你需要的教程！</h3>
            </div>
            <div id="er">
                <img src="s1.png"  align="left">
                <h3>完整的网站技术参考手册</h3>
                <p>我们的参考手册涵盖了网站技术的方方面面。</p>
                <p>其中包括W3C的标准技术：HTML、CSS、XML 。以及其他的技术，诸如JavaScript、PHP、SQL等等。</p>
            </div>
            <div id="san">
                <img src="s2.png" align="left">
                <h3>在线实例测试工具</h3>
                <p>在w3school，我们提供上千个实例。</p>
                <p>通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。</p>
            </div>
            <div id="si">
                <img src="s3.png" align="left">
                <h3>快捷易懂的学习方式</h3>
                <p>一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。</p>
                <p>在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。
                </p>
            </div>
            <div id="wu">
                <h3>从何入手？</h3>
                <p>什么是一个Web建设者需要学习的知识呢？</p>
                <p>W3School将为您回答这个问题，在您成为专业Web开发者的路上助一臂之力，从而更好地应对未来的挑战。</p>
                <p>如果您是初学者，请您阅读<<<a href="#">网站构建初级教程</a>>>。</p>
                <p>如果您是开发者，请您阅读<<<a href="#">网站构建高级教程</a>>>。</p>
            </div>
            <div id="liu">
                <h3>W3School新闻</h3>
                <p><a href="#">CSS3参考手册</a>以上线，敬请批评指正。
                </p>
            </div>
            <div id="qi">
                <h3>W3School更新信息</h3>
                <p><a href="#">参考手册：PHP Calendar函数</a>
                    <a href="#">参考手册：PHP Date/Time函数</a>
                    <a href="#">教程：HTML教程</a></p>
            </div>
            <div id="ba">
                <h3>W3School友情链接</h3>
                <p><a href="#">Firefox 中文社区</a>
                    <a href="#">W3C中国总部</a>
                    <a href="#">w3ctech</a></p>
            </div>
        </div>
        <div id="right">
            <form>
                <label>SEARCH:</label><br>
                <input type="text" size="11">
                <button type="submit">GO</button>
            </form>
            <ul>
                <li class="second">参考手册</li>
                <li><a href="#">HTML/HTML5标签</a></li>
                <li><a href="#">HTML颜色</a></li>
                <li><a href="#">CSS 1,2,3</a></li>
                <li><a href="#">JavaScript</a></li>
                <li><a href="#">HTML DOM</a></li>
                <li><a href="#">JQuery</a></li>
                <li><a href="#">JQuery Mobile</a></li>
                <li><a href="#">VBScript</a></li>
                <li><a href="#">ASP</a></li>
                <li><a href="#">ADO</a></li>
                <li><a href="#">ASP.NET</a></li>
                <li><a href="#">PHP 5.1</a></li>
                <li><a href="#">XML DOM</a></li>
                <li><a href="#">XSLT 1.0</a></li>
                <li><a href="#">XPath 2.0</a></li>
                <li><a href="#">XSL-FO</a></li>
                <li><a href="#">WML 1.1</a></li>
                <li><a href="#">W3C 术语表</a></li>
            </ul>
            <ul>
                <li class="second">字符集</li>
                <li><a href="#">HTML字符集</a></li>
                <li><a href="#">HTML ASCII</a></li>
                <li><a href="#">HTML ISO-8859-1</a></li>
                <li><a href="#">HTML符号</a></li>
            </ul>
            <ul>
                <li class="second">实例/案例</li>
                <li><a href="#">HTML实例</a></li>
                <li><a href="#">CSS实例</a></li>
                <li><a href="#">XML实例</a></li>
                <li><a href="#">JavaScript实例</a></li>
                <li><a href="#">JavaScript对象实例</a></li>
                <li><a href="#">HTML DOM实例</a></li>
                <li><a href="#">jQuery实例</a></li>
                <li><a href="#">jQuery Mobile实例</a></li>
                <li><a href="#">XML DOM实例</a></li>
                <li><a href="#">DHTML实例</a></li>
                <li><a href="#">AJAX实例</a></li>
                <li><a href="#">VBScript实例</a></li>
                <li><a href="#">ASP实例</a></li>
                <li><a href="#">ADO实例</a></li>
                <li><a href="#">SVG实例</a></li>
                <li><a href="#">WAP实例</a></li>
            </ul>
            <ul>
                <li class="second">测试/考试</li>
                <li><a href="#">HTML测试</a></li>
                <li><a href="#">HTML5测试</a></li>
                <li><a href="#">XHTML测试</a></li>
                <li><a href="#">XML测试</a></li>
                <li><a href="#">JavaScript测试</a></li>
                <li><a href="#">jQuery测试</a></li>
                <li><a href="#">SQL测试</a></li>
                <li><a href="#">ASP测试</a></li>
                <li><a href="#">PHP测试</a></li>
            </ul>
            <ul style="padding-bottom:25px">
                <li class="second">代码验证</li>
                <li><a href="#">验证HTML</a></li>
                <li><a href="#">验证CSS</a></li>
                <li><a href="#">验证XHTML</a></li>
                <li><a href="#">验证XML</a></li>
                <li><a href="#">验证WML</a></li>
            </ul>
        </div>
    </div>
    <div id="footer">
        <p>
            W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3School 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。
            当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 赞助商：上海赢科投资有限公司。 蒙ICP备06004630号
        </p>
    </div>
</div>
</body>
</html>